<route lang="json5" type="seaMap">
{
  title: '船舶位置',
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '海图',
  },
}
</route>
<template>
  <view class="seaChart_container">
    <view class="seaChart_body">
      <web-view
        :src="url"
        :fullscreen="false"
        :webview-styles="webviewStyles"
        @loaded="webviewLoaded"
        :update-title="false"
      ></web-view>
    </view>
  </view>
</template>

<script setup>
const url = 'http://d.myships.com:8091/wy-app/en'
const webviewStyles = {
  progress: {
    color: '#FF3333',
  },
}
// webview页面加载完成
const webviewLoaded = () => {
  setTimeout(() => {
    uni.hideLoading()
  }, 500)
}
</script>

<style lang="scss" scoped>
.seaChart_container {
  position: relative;
  height: 100vh;
  padding-top: 88rpx;
  overflow: hidden;
  background-color: #fff;

  ::v-deep iframe {
    width: 100vw !important;
    height: calc(100vh - 88rpx) !important;
    border: none !important;
  }
}
</style>
